<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <a href="https://www.baidu.com">百度</a>
    <form action="">
        <button>提交</button>
    </form>
    <input type="text">
</body>
<script>
    // 浏览器常见默认行为
    // 1. 点击a标签跳转
    // 2. 表单默认提交
    // 3. F5刷新页面
    // 4. 鼠标右键菜单

    // 阻止浏览器的默认行为
    // 1. 阻止a标签默认跳转



    // e.preventDefault();  // 常规浏览器 (标准浏览器 / IE高版本)
    // e.returnValue = false;  // 低版本IE  等价于 return false;

    // return false;   // 也可以直接写return false => return 之后的语句不执行

    // 兼容写法
    // if(e.preventDefault){
    //     e.preventDefault();
    // }else{
    //     e.returnValue = false;
    // }

    var a = document.querySelector("a");
    a.onclick = function (e) {
        var e = e || window.event;
        console.log(11111);

        // 阻止浏览器的默认行为
        // e.preventDefault();  // 常规浏览器 (标准浏览器 / IE高版本)
        // e.returnValue = false;  // 低版本IE  等价于 return false;

        // return false;   // 也可以直接写return false => return 之后的语句不执行

        // 兼容写法
        if (e.preventDefault) {
            e.preventDefault();
        } else {
            e.returnValue = false;
        }
        console.log(22222);
    }

    var form = document.querySelector("form");

    form.onsubmit = function (e) {
        console.log("点击提交");

        // return false;

        // 兼容写法
        var e = e || window.event;
        if (e.preventDefault) {
            e.preventDefault();
        } else {
            e.returnValue = false;
        }
    }



    // 阻止按键功能
    // document.onkeydown = function () {
    //     var e = e || window.event;
    //     var keyCode = e.keyCode;
    //     console.log(e.key, keyCode);

    //     if (keyCode == 116) { //  阻止F5 
    //         if (e.preventDefault) {
    //             e.preventDefault();
    //         } else {
    //             e.returnValue = false;
    //         }
    //     }else if(e.ctrlKey && keyCode == 67){  // 阻止复制(ctrl+v)
    //         if (e.preventDefault) {
    //             e.preventDefault();
    //         } else {
    //             e.returnValue = false;
    //         }
    //         console.log("阻止复制(ctrl+v)");
    //     }else if(e.ctrlKey && keyCode == 86){ //  阻止粘贴(ctrl+c)
    //         if (e.preventDefault) {
    //             e.preventDefault();
    //         } else {
    //             e.returnValue = false;
    //         }
    //         console.log("阻止粘贴(ctrl+c)");
    //     }
    // }

    // document.oncopy = function(e){
    //     console.log('复制');
    //     var e = e || window.event;
    //     if (e.preventDefault) {
    //         e.preventDefault();
    //     } else {
    //         e.returnValue = false;
    //     }
    // }

    // document.onpaste= function(e){
    //     console.log('粘贴');
    //     var e = e || window.event;
    //     if (e.preventDefault) {
    //         e.preventDefault();
    //     } else {
    //         e.returnValue = false;
    //     }
    // }


    // 鼠标右键菜单 (鼠标事件)
    document.oncontextmenu = function (e) {
        console.log("鼠标右键菜单",e);
        var e = e || window.event;
        if (e.preventDefault) {
            e.preventDefault();
        } else {
            e.returnValue = false;
        }
    }



</script>

</html>